<template>
  <div class='vw-home bg-repeat-no bg-size-100 bg-position-l-c' :style='{backgroundImage: `url(${background})`}'>
    <img @click='onStart' class='w-320 p-a scale-50-active' src="../image/btn_start.png" alt="">
  </div>
</template>

<script>
export default {
  computed:{
    background(){
      return require('../image/home/home_banner.png')
    } 
  },
  methods: {
    onStart() {
      setTimeout(()=>{
        this.$router.push('/tab')
      },300)
    }
  },
  
}
</script>

<style lang='stylus'>
.vw-home
  background-size 100% 100%
  img
    bottom 190px
    left 50%
    margin-left -160px
</style>